<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>学生管理--测试详情</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="assets/css/amazeui.datatables.min.css" />
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/app.css">
    <link rel="stylesheet" href="assets/css/gb_my.css">
    <link rel="stylesheet" href="assets/css/font-awesome.css">
    <link rel="stylesheet" href="assets/css/bootstrap-reset.css">
    <link rel="stylesheet" href="assets/css/easydropdown.css">
</head>
<body data-type="chart">
<div class="am-g tpl-g">
    <!--头部-->
    <nav class="navbar navbar-default top-navbar">
        <div class="navbar-header">
            <a class="navbar-brand waves-effect waves-dark" href="javascript:;">
                <img src="assets/img/logo.png" alt="">
                <strong>轻课网考试系统</strong>
            </a>
            <div id="sideNav" href="">
                <i class="mulv QK QK-mulu"></i>
            </div>
        </div>
        <ul class="nav navbar-top-links navbar-right aaa">
            <li>
                <a id="down_" class="sign-out dropdown-button waves-effect waves-dark" href="javascript:;">
                    <span class="am-icon-sign-out"></span> 退出
                </a>
            </li>
            <li>
                <a class="dropdown-button waves-effect waves-dark" href="javascript:;"><b>欢迎你, <span class="userName"></span> </b></a>
            </li>
        </ul>
    </nav>
    <!--导航栏-->
    <nav class="navbar-default navbar-side">
        <div class="sidebar-collapse">
            <!--用户头像-->
            <div class="tpl-sidebar-user-panel">
                <div class="tpl-user-panel-slide-toggleable">
                    <div class="tpl-user-panel-profile-picture">
                        <img src="assets/img/user04.png" alt="">
                    </div>
                </div>
            </div>
            <dl class="list_dl">
                <dt class="list_dt">
                    <a href="index.html">
                        <span class="QK1 start_before"></span>
                        <p>学生平台</p>
                    </a>
                </dt>
                <dt class="list_dt">
                    <span class="QK1 topic_before"></span>
                    <p>我的考试</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">
                            <a href="student.html">我的试卷</a>
                        </li>
                        <li class="list_li">
                            <a href="examRecords.html">考试记录</a>
                        </li>
                    </ul>
                </dd>
                <dt id="open" class="list_dt">
                    <span class="QK1 paper_before"></span>
                    <p>自我检测</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd" style="display: block">
                    <ul>
                        <li class="list_li">
                            <a href="testing.html">自我检测</a>
                        </li>
                        <li class="list_li" id="style_li_a">
                            <a href="error.html">检测结果</a>
                        </li>
                    </ul>
                </dd>
                <dt class="list_dt">
                    <span class="QK1 user_before"></span>
                    <p>个人管理</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">
                            <a href="personalData.html">个人资料</a>
                        </li>
                        <li class="list_li">
                            <a href="collection.html">题目收藏</a>
                        </li>
                    </ul>
                </dd>
                <dt class="list_dt">
                    <span class="QK1 chat_before"></span>
                    <p>聊天室</p>
                    <i class="QK1 list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">
                            <a href="chatroom.html">聊天室</a>
                        </li>
                    </ul>
                </dd>
            </dl>
        </div>
    </nav>
    <!-- 内容区域 -->
    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <section class="panel">
                    <header class="panel-heading">
                        <span class="label label-primary">测试详情</span>
                        <button type="button" class="btn btn-success btn-sm add_clazz btn_my" id="back">
                            <span class="QK1 QK-fanhui1"></span>&nbsp;&nbsp;返回
                        </button>
                        <div class="loading" id="header_loading">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </header>
                    <div class="panel-body">
                        <div id="unseen" class="unseen">
                            <div class="paper_all">

                            </div>
                            <div class="user_all">

                            </div>
                            <div id="test_questions">
                                <div class="test_questions_select">
                                    <div class="questions_item_radio">
                                        <h1>单选题</h1>
                                    </div>
                                    <div class="questions_item_check">
                                        <h1>多选题</h1>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/theme.js"></script>
<script src="assets/js/easydropdown.js"></script>
<script src="assets/js/html5sv.js"></script>
<script type="text/javascript" src="assets/js/jquery.cookie.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/amazeui.datatables.min.js"></script>
<script src="assets/js/dataTables.responsive.min.js"></script>
<script src="assets/js/student.js"></script>
<script>
    $('.loading').css('display' , 'inline-block');
    $(document).ready(function () {
        //试卷id
        var paperId = window.location.search.split("=")[1];
        var storage = window.localStorage;
        var user_id = storage["uid"];
        var class_id = storage["class_id"];
        var user_name = storage["user_name"];
        $("#back").click(function() {
            window.location.href = "error.html";
        });
        //请求试题卷信息
        var paper_name,
            question_number,
            true_number;
        $.ajax({
            url: localApi + "/PracticeRecord/index",
            type: 'get',
            data: {
                apikey: '1',
                uid: '1'
            },
            success: function(result) {
                $.each(result.data, function(n, item) {
                    if(item.id == paperId) {
                        paper_name = item.dbName;
                        question_number = item.questionNumber;
                        true_number = item.trueNumber;
                    }
                });
                var paper_all = '<h1>' + paper_name + '</h1>\n' +
                    '<h2>测试信息</h2>\n' +
                    '<div class="paper_infromation">\n' +
                    '<p>\n' +
                    '<span><strong>测试题库:</strong><span>' + paper_name + '</span></span>\n' +
                    '</p>\n' +
                    '<p>\n' +
                    '<span><strong>题目总数:</strong><span>' + question_number + '</span></span>\n' +
                    '<span><strong>正确个数:</strong><span>' + true_number + '</span></span>\n' +
                    '</p>\n' +
                    '</div>';
                $(".paper_all").append(paper_all);
                var user_all = '<h2>考生信息</h2>\n' +
                    '<div class="paper_infromation">\n' +
                    '<p>\n' +
                    '<span><strong>考生:</strong><span>' + user_name + '</span></span>\n' +
                    '</p>\n' +
                    '</div>';
                $('.user_all').append(user_all);
                var qtype = [];
                //请求试题内容
                $.ajax({
                    type: "get",
                    async: false,
                    url: localApi + "/QuestionCollection/index",
                    data: {
                        apikey: '1',
                        prid: paperId
                    },
                    success: function(result) {
//                        console.log(result.data);
                        $('.loading').css('display' , 'none');
                        var a = 1;
                        var b;
                        $.each(result.data, function(n, item) {
                            qtype.push(item.questionWithBLOBs.qtype);
                            if(item.questionWithBLOBs.skey !== item.userAnswer) {
                                b = 'QK2 QK-cuohao03';
                            } else {
                                b = 'QK2 QK-duihao';
                            }
                            var content_s = item.questionWithBLOBs.content;
                            var content_ss = content_s.replace(/<[^>]+>/g, ""); //去除html标签
                            var content_sss = content_ss.replace('&nbsp;', "");
                            $('.QK-cuohao03').parent('.content_questions_title').siblings('.your_answer').addClass('your_answer_error');
                            if(item.questionWithBLOBs.qtype == 1){
                                var paper_questions2 = '<div class="content_questions">\n' +
                                    '<p class="content_questions_title">\n' +
                                    '<span>' + a + '.</span>\n' +
                                    '<span>' + content_sss + '</span>\n' +
                                    '<span class="' + b + '"></span>\n' +
                                    '</p>\n' +
                                    '<ul id="ul' + a + '">\n' +
                                    '</ul>\n' +
                                    '<p class="true_answer"><strong>正确答案:</strong><span>' + item.questionWithBLOBs.skey + '</span></p>\n' +
                                    '<p class="your_answer"><strong>考生答案:</strong><span>' + item.userAnswer + '</span></p>\n' +
                                    '<div id="collect'+ item.id +'" class="select_collect set_3_button3"><span>未收藏</span><strong></strong></div>\n' +
                                    '<div style="clear:both"></div>\n' +
                                    '<p><strong>解析:</strong><span>' + item.questionWithBLOBs.keydesc + '</span></p>\n' +
                                    '</div>';
                                $('.questions_item_radio').append(paper_questions2);
                                $.each(item.questionWithBLOBs.questionOptions.reverse(), function(o, qop1) {
                                    if(qop1.salisa == 'A') {
                                        var coulmn4 = '<p>' + qop1.salisa + ".&nbsp;" + qop1.soption + '</p>';
                                        //                        console.log(coulmn4);
                                        $("#ul" + a).append(coulmn4);
                                    }
                                });
                                $.each(item.questionWithBLOBs.questionOptions.reverse(), function(o, qop1) {
                                    if(qop1.salisa == 'B') {
                                        var coulmn4 = '<p>' + qop1.salisa + ".&nbsp;" + qop1.soption + '</p>';
                                        //                        console.log(coulmn4);
                                        $("#ul" + a).append(coulmn4);
                                    }

                                });
                                $.each(item.questionWithBLOBs.questionOptions.reverse(), function(o, qop1) {
                                    if(qop1.salisa == 'C') {
                                        var coulmn4 = '<p>' + qop1.salisa + ".&nbsp;" + qop1.soption + '</p>';
                                        //                        console.log(coulmn4);
                                        $("#ul" + a).append(coulmn4);
                                    }
                                });
                                $.each(item.questionWithBLOBs.questionOptions.reverse(), function(o, qop1) {
                                    if(qop1.salisa == 'D') {
                                        var coulmn4 = '<p>' + qop1.salisa + ".&nbsp;" + qop1.soption + '</p>';
                                        //                        console.log(coulmn4);
                                        $("#ul" + a).append(coulmn4);
                                    }
                                });
                                a += 1;
                                if($('#collect'+item.id).find('strong').before().hasClass('collect_success')){
                                    $('#collect'+item.id).click(function (e) {
                                        $('#collect'+item.id).find('strong').before().remove('collect_success');
                                        $('#collect'+item.id).find('span').html('未收藏');
                                    })
                                }
                            }
                        });
                        var qtype_string = qtype.join("");
                        if(qtype_string.indexOf('1') == -1){
                            $('.questions_item_radio').remove();
                        }
                        if(qtype_string.indexOf('2') == -1){
                            $('.questions_item_check').remove();
                        }
                        $.each(result.data, function(n, item) {
                            if(item.questionWithBLOBs.skey !== item.userAnswer) {
                                b = 'QK2 QK-cuohao03';
                            } else {
                                b = 'QK2 QK-duihao';
                            }
                            var content_s = item.questionWithBLOBs.content;
                            var content_ss = content_s.replace(/<[^>]+>/g, ""); //去除html标签
                            $('.QK-cuohao03').parent('.content_questions_title').siblings('.your_answer').addClass('your_answer_error');
                            if(item.questionWithBLOBs.qtype == 2) {
                                var paper_questions4 = '<div class="content_questions">\n' +
                                    '<p class="content_questions_title">\n' +
                                    '<span>' + a + '.</span>\n' +
                                    '<span>' + content_ss + '</span>\n' +
                                    '<span class="' + b + '"></span>\n' +
                                    '</p>\n' +
                                    '<ul id="ul' + a + '">\n' +
                                    '</ul>\n' +
                                    '<p class="true_answer"><strong>正确答案:</strong><span>' + item.questionWithBLOBs.skey + '</span></p>\n' +
                                    '<p class="your_answer"><strong>考生答案:</strong><span>' + item.userAnswer + '</span></p>\n' +
                                    '<div id="collec'+ item.id +'" class="select_collect set_3_button3"><span>未收藏</span></div>\n' +
                                    '<div style="clear:both"></div>\n' +
                                    '<p><strong>解析:</strong><span>' + item.questionWithBLOBs.keydesc + '</span></p>\n' +
                                    '</div>';
                                $('.questions_item_check').append(paper_questions4);
                                $.each(item.questionWithBLOBs.questionOptions.reverse(), function(o, qop1) {
                                    if(qop1.salisa == 'A') {
                                        var coulmn4 = '<p>' + qop1.salisa + ".&nbsp;" + qop1.soption + '</p>';
                                        //                        console.log(coulmn4);
                                        $("#ul" + a).append(coulmn4);
                                    }
                                });
                                $.each(item.questionWithBLOBs.questionOptions.reverse(), function(o, qop1) {
                                    if(qop1.salisa == 'B') {
                                        var coulmn4 = '<p>' + qop1.salisa + ".&nbsp;" + qop1.soption + '</p>';
                                        //                        console.log(coulmn4);
                                        $("#ul" + a).append(coulmn4);
                                    }
                                });
                                $.each(item.questionWithBLOBs.questionOptions.reverse(), function(o, qop1) {
                                    if(qop1.salisa == 'C') {
                                        var coulmn4 = '<p>' + qop1.salisa + ".&nbsp;" + qop1.soption + '</p>';
                                        //                        console.log(coulmn4);
                                        $("#ul" + a).append(coulmn4);
                                    }
                                });
                                $.each(item.questionWithBLOBs.questionOptions.reverse(), function(o, qop1) {
                                    if(qop1.salisa == 'D') {
                                        var coulmn4 = '<p>' + qop1.salisa + ".&nbsp;" + qop1.soption + '</p>';
                                        //                        console.log(coulmn4);
                                        $("#ul" + a).append(coulmn4);
                                    }
                                });
                                $.each(item.questionWithBLOBs.questionOptions.reverse(), function(o, qop1) {
                                    if(qop1.salisa == 'E') {
                                        var coulmn4 = '<p>' + qop1.salisa + ".&nbsp;" + qop1.soption + '</p>';
                                        //                        console.log(coulmn4);
                                        $("#ul" + a).append(coulmn4);
                                    }
                                });
                                $.each(item.questionWithBLOBs.questionOptions.reverse(), function(o, qop1) {
                                    if(qop1.salisa == 'F') {
                                        var coulmn4 = '<p>' + qop1.salisa + ".&nbsp;" + qop1.soption + '</p>';
                                        //                        console.log(coulmn4);
                                        $("#ul" + a).append(coulmn4);
                                    }
                                });
                                $.each(item.questionWithBLOBs.questionOptions.reverse(), function(o, qop1) {
                                    if(qop1.salisa == 'G') {
                                        var coulmn4 = '<p>' + qop1.salisa + ".&nbsp;" + qop1.soption + '</p>';
                                        //                        console.log(coulmn4);
                                        $("#ul" + a).append(coulmn4);
                                    }
                                });
                                a += 1;
                            }

                        });
                        //判断试题是否被收藏
                        $.each(result.data, function (n , item) {
                            if(item.status == '1'){
                                $('#collect'+item.id).find('strong').before().removeClass('collect_success');
                                $('#collect'+item.id).find('span').html('未收藏');
                            }else{
                                $('#collect'+item.id).find('strong').before().addClass('collect_success');
                                $('#collect'+item.id).find('span').html('已收藏');
                            }
                        });
                        //点击收藏
                        $('.select_collect').click(function (e){
                            var click_id = $(e.target).parent().attr('id').split('ect')[1];
//                    console.log(click_id);
                            if($('#collect'+click_id).find('strong').before().hasClass('collect_success')){
                                $('#collect'+click_id).find('strong').before().removeClass('collect_success');
                                $('#collect'+click_id).find('span').html('未收藏');
                                $.ajax({
                                    type: "post",
                                    async: false,
                                    url: localApi + "/QuestionCollection/delete",
                                    data: {
                                        apikey: '1',
                                        uid:user_id,
                                        id:click_id
                                    },
                                    success:function (result) {
                                        if(result.msg == 'success'){
                                            console.log('删除成功');
                                        }else{
                                            console.log('删除失败');
                                        }
                                    }
                                });
                            }else{
                                $('#collect'+click_id).find('strong').before().addClass('collect_success');
                                $('#collect'+click_id).find('span').html('已收藏');
                                $.ajax({
                                    type: "post",
                                    async: false,
                                    url: localApi + "/QuestionCollection/add",
                                    data: {
                                        apikey: '1',
                                        uid:user_id,
                                        id: click_id
                                    },
                                    success:function (result) {
                                        if(result.msg == 'success'){
                                            console.log('添加成功');
                                        }else{
                                            console.log('添加失败');
                                        }
                                    }
                                });
                            }
                        });
                    }
                });
            }
        });
    });
</script>
<script>
    $(document).ready(function() {
        $('#back').click(function () {
            window.location.href = "examRecords.html";
        });
        $(".list_dt").on("click", function() {
            $('.list_dd').stop();
            $(this).siblings("dt").removeAttr("id");
            if($(this).attr("id") == "open") {
                $(this).removeAttr("id").siblings("dd").slideUp();
            } else {
                $(this).attr("id", "open").next().slideDown().siblings("dd").slideUp();
            }
        });
    });
</script>
<script>
    $(document).ready(function() {
        $(".dropdown-button").dropdown();
        $("#sideNav").click(function() {
            if($(this).hasClass('closed')) {
                $('.navbar-side').animate({
                    left: '0px'
                });
                $(this).removeClass('closed');
                $('#page-wrapper').animate({
                    'margin-left': '260px'
                });
            } else {
                $(this).addClass('closed');
                $('.navbar-side').animate({
                    left: '-260px'
                });
                $('#page-wrapper').animate({
                    'margin-left': '0px'
                });
            }
        });
    });
    $(".dropdown-button").dropdown();
</script>